<%@ page language="java"
         contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"
%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <link rel="shortcut icon" href="../Public/img/favicon.html">

    <title>Register</title>

    <!-- Bootstrap core CSS -->
    <link href="../Public/css/bootstrap.min.css" rel="stylesheet">
    <link href="../Public/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="../Public/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="../Public/css/style.css" rel="stylesheet">
    <link href="../Public/css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="../Public/js/html5shiv.js"></script>
    <script src="../Public/js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-body">

    <div class="container">

        <form id="register_form" class="form-signin" action="./background/register_do.jsp" method="post" onsubmit="return checkUser()">
            <h2 class="form-signin-heading">Hotel Register</h2>
            <div class="login-wrap">
                <input id="register_username" type="text" class="form-control" name="username" placeholder="User ID" autofocus>
                <input id="register_password" type="password" class="form-control" name="password" placeholder="Password" autocomplete="false">
                <input id="register_repassword" type="password" class="form-control" name="repassword" placeholder="RePassword" value="" autocomplete="false">
                <input id="register_idcard" type="text" class="form-control" name="id_card" placeholder="ID Card" value="">
                <input id="register_phone" type="text" class="form-control" name="phone" placeholder="Phone Number" value="">
                <div id="alertMessage" class="row container" style="display: none; color: red;"></div>
                <br>
                <button class="btn btn-info btn-shadow btn-block" type="submit">Sign up</button>
                <br>
                <div class="row container">
                    <div>Already have an account? 
                        <span class="pull-right">
                            <a href="./login.jsp" class="text-primary" href="">login</a>
                        </span>
                    </div>
                </div>
            </div>

        </form>

    </div>
    <script src='../Public/Cus/js/register.js'></script>


</body>

</html>